<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>  
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 国产浏览器默认采用高速模式渲染页面 -->
    <meta name="renderer" content="webkit">
    <title>度假屋、民宿、体验和攻略 - Airbnb爱比迎</title>
    <!-- Bootstrap.css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- 字体图标 -->
    <link rel="stylesheet" href="css/font-awesome.css">
    <!-- 修复IE10的媒体查询bug -->
    <link rel="stylesheet" href="css/ie10-viewport-bug-workaround.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- 标签页图标 -->
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <!-- 导航栏 -->
    <link rel="stylesheet" href="css/navigation-bar.css">
    <!-- 首页 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 尾页 -->
    <link rel="stylesheet" href="css/footer.css">
</head>

<body>
    <!-- 网页首部 -->
    <header>
        <!-- 图片轮播 -->
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img class="imgturnurl" src="" alt="轮播图1">
                    <div class="carousel-caption">
                        <h3 class="imgtitle"></h3>
                        <p class="imgdes"></p>
                    </div>
                </div>
                <div class="item">
                    <img class="imgturnurl"  src="" alt="轮播图2">
                    <div class="carousel-caption">
                        <h3 class="imgtitle"></h3>
                        <p class="imgdes"></p>
                    </div>
                </div>
                <div class="item">
                    <img class="imgturnurl"  src="" alt="轮播图3">
                    <div class="carousel-caption">
                        <h3 class="imgtitle"></h3>
                        <p class="imgdes"></p>
                    </div>
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

        <!-- 导航栏 -->
        <div class="wjc-navigation">
            <!-- 爱彼迎的svg图标 -->
            <div class="wjc-navigation-icon">
                <a href="index.html" target="_self">
                    <svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false">
                        <path d="m499.3 736.7c-51-64-81-120.1-91-168.1-10-39-6-70 11-93 18-27 45-40 
                            80-40s62 13 80 40c17 23 21 54 11 93-11 49-41 105-91 168.1zm362.2 43c-7 47-39 
                            86-83 105-85 37-169.1-22-241.1-102 119.1-149.1 141.1-265.1 90-340.2-30-43-73-64-128.1-64-111 
                            0-172.1 94-148.1 203.1 14 59 51 126.1 110 201.1-37 41-72 70-103 88-24 13-47 
                            21-69 23-101 15-180.1-83-144.1-184.1 5-13 15-37 32-74l1-2c55-120.1 122.1-256.1 199.1-407.2l2-5 
                            22-42c17-31 24-45 51-62 13-8 29-12 47-12 36 0 64 21 76 38 6 9 13 21 22 36l21 41 3 6c77 151.1 144.1
                            287.1 199.1 407.2l1 1 20 46 12 29c9.2 23.1 11.2 46.1 8.2 
                            70.1zm46-90.1c-7-22-19-48-34-79v-1c-71-151.1-137.1-287.1-200.1-409.2l-4-6c-45-92-77-147.1-170.1-147.1-92 
                            0-131.1 64-171.1 147.1l-3 6c-63 122.1-129.1 258.1-200.1 409.2v2l-21 46c-8 19-12 29-13 32-51 
                            140.1 54 263.1 181.1 263.1 1 0 5 0 10-1h14c66-8 134.1-50 203.1-125.1 69 75 137.1 117.1 203.1 
                            125.1h14c5 1 9 1 10 1 127.1.1 232.1-123 181.1-263.1z">
                        </path>
                    </svg>
                </a>
            </div>

            <div class="wjc-navigation-other">
                <!-- 搜索输入框 -->
                <div class="col-md-6">
                    <form action="#" method="POST" class="form-inline" role="form">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon wjc-navgation-search-prev">
                                    <i class="fa fa-search" aria-hidden="true"></i>
                                </div>
                                <label class="sr-only" for="wjc-navgation-search">搜索</label>
                                <input type="text" name="search" class="form-control" id="wjc-navgation-search"
                                    placeholder="搜索">
                            </div>
                        </div>
                    </form>
                </div>

                <!-- 导航栏菜单 -->
                <nav class="col-md-6">
                    <ul class="wjc-navigation-menu list-inline">
                        
                        <li class="show wjc-login-prev">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                                aria-expanded="false">成为房东/体验达人</a>
                            <div class="dropdown-menu my-nav-dropdown-menu3">
                                <div>
                                    <div class="my-nav-dropdown-menu3-title">房源</div>
                                    <div class="wjc-flex-con1">
                                        <div>
                                            <div class="my-nav-dropdown-menu3-link"><a href="#">发布房源</a></div>
                                            <div class="my-nav-dropdown-menu3-content">在<span class="wjc-nav-dropdown-loc">沈阳</span>接待房客，每月为您带来高达<span
                                                    class="wjc-nav-dropdown-monthlyincome">￥5,627</span>的收入</div>
                                        </div>
                                        <div class="my-nav-dropdown-menu3-icon">
                                            <svg viewBox="0 0 24 24" role="presentation" aria-hidden="true" focusable="false"
                                                style="height: 24px; width: 24px; display: block; fill: currentcolor;">
                                                <path d="m23.06 11.4-1.75-1.76-3.85-3.87-3.85-3.87-1.27-1.27-.36-.36-.09-.09c-.23-.23-.55-.23-.75-.02l-1.68 
                                                    1.75-3.68 3.87-3.68 3.87-1.67 1.75a1.47 1.47 0 0 0 -.43 1.05v.02c.01.38.15.76.44 1.05l.55.55a1.49 1.49 0 
                                                    0 0 2.01.08v8.4c0 .81.68 1.45 1.5 1.45h14c .82 0 1.5-.65 1.5-1.45v-8.86l.38.38a1.5 1.5 0 0 0 
                                                    2.13-.01l.55-.55c.59-.59.59-1.54.01-2.13zm-4.06 11.15c0 .24-.22.45-.5.45h-14c-.28 0-.5-.21-.5-.45v-9.41l7.51-7.93 
                                                    7.49 7.48v9.85zm3.35-9.74-.55.55c-.2.2-.52.2-.71.01l-9.24-9.22a.5.5 0 0 0 -.72.01l-8.73 9.22a.5.5 0 
                                                    0 1 -.7-.02l-.55-.55a.5.5 0 0 1 -.01-.71l1.68-1.77 3.69-3.86 3.68-3.87 1.32-1.39c.03.03.07.07.12.12l1.27 
                                                    1.27 3.85 3.87 3.85 3.87 1.75 1.76a.51.51 0 0 1 -.01.71zm-10.85-.81a.5.5 0 0 1 .5.5v3.5h3.5a.5.5 0 1 1 0 
                                                    1h-3.5v3.5a.5.5 0 0 1 -1 0v-3.5h-3.5a.5.5 0 0 1 0-1h3.5v-3.5a.5.5 0 0 1 .5-.5z"
                                                    fill-rule="evenodd"></path>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="my-nav-dropdown-menu3-link"><a href="#">了解如何出租您的房源</a></div>
                                </div>
                                <hr>
                                <div>
                                    <div class="my-nav-dropdown-menu3-title">体验</div>
                                    <div class="wjc-flex-con1">
                                     <a href="guanlifangyuan.html"  target="_self">
                                        <div>
                                       
                                            <div class="my-nav-dropdown-menu3-link"><a href="#">开始体验</a></div>
                                            <div class="my-nav-dropdown-menu3-content">带领别人做自己热爱的事并赚取收入</div>
                                      
                                        </div>
                                          </a>
                                        <div class="my-nav-dropdown-menu3-icon">
                                            <img src="img/bb6d49e059b6c7d8791e9b4e30f8d4cd.svg" alt="开始体验">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="hidden wjc-login-after">
                            <a href="addhouse.html"">添加房源</a>
                        </li>
                        <li class="hidden wjc-login-after">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                                aria-expanded="false">管理面板</a>
                            <ul class="dropdown-menu my-nav-dropdown-menu4">
                                <li><a href="addhouse.html" class="my-nav-dropdown-menu4-title">添加新房源</a></li>
                                <li>
                                    <a href="guanlifangyuan.html" target="_self">
                                        <div class="wjc-flex-con1">
                                            <div>
                                                <span class="my-nav-dropdown-menu4-title">已发布房源</span>
                                                <div>管理您的房源，赚取额外收入</div>
                                            </div>
                                            <div class="my-nav-dropdown-menu3-icon">
                                                <img src="img/bb6d49e059b6c7d8791e9b4e30f8d4cd.svg" alt="开始体验">
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="story.html" target="_blank">故事</a>
                        </li>
                        
                        <li class="hidden wjc-login-after wjc-user-info" style="padding-top:25px">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                                aria-expanded="false">
                                <img id="head_img" src="${sessionScope.online.photo_url}" alt="头像" class="img-circle">
                            </a>
                            <ul class="dropdown-menu my-nav-dropdown-menu6">
                                <li><a href="userinfo.html">编辑个人资料</a></li>
                                <li><a href="管理员界面.html">管理员界面</a></li>
                                
                                <li id="wjc-login-out"><a href="#">退出</a></li>
                            </ul>
                        </li>
                        <li class="show wjc-login-prev">
                            <!-- <a href="#" data-toggle="modal" data-target="#myModal">注册</a> -->
                            <a href="register.html">注册</a>
                        </li>
                        <li class="show wjc-login-prev">
                            <a href="#" data-toggle="modal" data-target="#myModal">登录</a>
                        </li>
                    </ul>
                </nav>
            </div>
    </header>

    <!-- 主体内容 -->
    <div class="container">
        <!-- 广告位 -->
        <div class="advertisement hidden">广告位</div>

        <!-- 房源搜索 -->
        <div class="wjc-con-search-div">
            <form action="#" method="POST" role="form">
                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-search" aria-hidden="true" style="font-size: 20px;"></i>
                        </div>
                        <label class="sr-only" for="wjc-con-search">搜索</label>
                        <input type="text" name="search" class="form-control" id="wjc-con-search" placeholder="目的地，城市，地址">
                        <div class="input-group-addon">
                            <button type="button" class="btn btn-danger btn-lg">搜索</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <!-- 人气目的地推荐 -->
        <div class="wjc-three-layout">
            <div class="row">
                <div class="wjc-layout-title col-md-6">
                    <div class="wjc-layout-title-main">人气目的地推荐</div>
                    <div class="wjc-layout-title-sub">来这里寻找春日渐暖的预兆</div>
                </div>
            </div>
            <div class="wjc-layout-menu-house row">
                <div class="col-md-12 wjc-list-menu-div">
                    <div class="wjc-list-menu-prev-div">
                        <button class="wjc-list-menu-prev hidden wjc-circle-btn-lg">
                            <i class="fa fa-angle-left" aria-hidden="true"></i>
                        </button>
                    </div>
                    <div class="wjc-list-menu-show">
                        <ul class="list-inline wjc-list-menu">
                            <li>
                                <a href="#">
                                    <div class="wjc-house-menu-img-div">
                                        <img src="img/be26f03d-9e58-4f1a-8148-522ec884149c.jpg" alt="">
                                    </div>
                                    <div class="wjc-house-menu-content-div">
                                        <div class="wjc-layout-menu-house-title">曼谷</div>
                                        <div class="wjc-layout-menu-house-info">跨年首选￥323/晚</div>
                                        <div class="wjc-layout-menu-house-price">￥343/晚</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="wjc-house-menu-img-div">
                                        <img src="img/06dc3556-1b31-4a8f-93f5-a47e4cb964aa.jpg" alt="">
                                    </div>
                                    <div class="wjc-house-menu-content-div">
                                        <div class="wjc-layout-menu-house-title">三亚</div>
                                        <div class="wjc-layout-menu-house-info">春节热门￥543/晚</div>
                                        <div class="wjc-layout-menu-house-price">￥573/晚</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="wjc-house-menu-img-div">
                                        <img src="img/f1d63a08-25ac-4b53-ad5e-8d2198b73cc8.jpg" alt="">
                                    </div>
                                    <div class="wjc-house-menu-content-div">
                                        <div class="wjc-layout-menu-house-title">香港</div>
                                        <div class="wjc-layout-menu-house-info">跨年首选￥462/晚</div>
                                        <div class="wjc-layout-menu-house-price">￥482/晚</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="wjc-house-menu-img-div">
                                        <img src="img/3166809a-616e-4583-8e2a-d8964df9a415.jpg" alt="">
                                    </div>
                                    <div class="wjc-house-menu-content-div">
                                        <div class="wjc-layout-menu-house-title">台北</div>
                                        <div class="wjc-layout-menu-house-info">春节热门￥504/晚</div>
                                        <div class="wjc-layout-menu-house-price">￥524/晚</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="wjc-house-menu-img-div">
                                        <img src="img/38531e37-e7c2-489e-9ad7-5003a965a8d2.jpg" alt="">
                                    </div>
                                    <div class="wjc-house-menu-content-div">
                                        <div class="wjc-layout-menu-house-title">重庆</div>
                                        <div class="wjc-layout-menu-house-info">跨年首选￥476/晚</div>
                                        <div class="wjc-layout-menu-house-price">￥506/晚</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="wjc-house-menu-img-div">
                                        <img src="img/4442bda1-87db-4989-94fc-cfa46ee1e6c6.jpg" alt="">
                                    </div>
                                    <div class="wjc-house-menu-content-div">
                                        <div class="wjc-layout-menu-house-title">普吉岛</div>
                                        <div class="wjc-layout-menu-house-info">春节热门￥827/晚</div>
                                        <div class="wjc-layout-menu-house-price">￥877/晚</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="wjc-house-menu-img-div">
                                        <img src="img/2888ab4b-4188-44e3-b0f5-0a6b42eb1ac1.jpg" alt="">
                                    </div>
                                    <div class="wjc-house-menu-content-div">
                                        <div class="wjc-layout-menu-house-title">北京</div>
                                        <div class="wjc-layout-menu-house-info">跨年首选￥437/晚</div>
                                        <div class="wjc-layout-menu-house-price">￥452/晚</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="wjc-house-menu-img-div">
                                        <img src="img/2888ab4b-4188-44e3-b0f5-0a6b42eb1ac1.jpg" alt="">
                                    </div>
                                    <div class="wjc-house-menu-content-div">
                                        <div class="wjc-layout-menu-house-title">成都</div>
                                        <div class="wjc-layout-menu-house-info">春节热门￥428/晚</div>
                                        <div class="wjc-layout-menu-house-price">￥443/晚</div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="wjc-list-menu-after-div">
                        <button type="button" class="wjc-list-menu-after wjc-circle-btn-lg">
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <!-- 新年特惠房源 -->
        <div class="wjc-three-layout">
            <div class="row">
                <button type="button" class="wjc-layout-title btn btn-link col-md-6">
                    <div class="wjc-layout-title-main">人气特惠房源</div>
                    <div class="wjc-layout-title-sub">低至八折 可与红包叠加使用</div>
                </button>
            </div>
            <div class="wjc-layout-menu-btn1 row">
                <div class="col-md-12 wjc-list-menu-div">
                    <div class="wjc-list-menu-prev-div">
                        <button class="wjc-list-menu-prev hidden">
                            <i class="fa fa-angle-left" aria-hidden="true"></i>
                        </button>
                    </div>
                    <div class="wjc-list-menu-show">
                        <ul class="list-inline wjc-list-menu">
                            <li>
                                <button class="btn btn-default wjc-btn-list wjc-list-menu-active">上海</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">成都</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">杭州</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">丽江</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">苏州</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">武汉</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">珠海</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">广州</button>
                            </li>
                        </ul>
                    </div>
                    <div class="wjc-list-menu-after-div">
                        <button type="button" class="wjc-list-menu-after">
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </button>
                    </div>
                </div>
            </div>
            <div class="wjc-layout-content row container">
                <div class="row wjc-layout-content-row">
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image xnth">
                               
                            </div>
                            <div class="wjc-layout-content-info">
                                整套房子 · 3张床
                            </div>
                            <div class="wjc-layout-content-description">
                                上海火车站零距离近人民广场双阳台外滩陆家嘴夜景小清新温馨公寓
                            </div>
                            <div class="wjc-layout-content-price">
                                <span class="wjc-strong-style">￥400</span>
                                <span><del>￥500</del>每晚</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-red">
                                <span class="wjc-tag">新房源</span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    1条评价
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image xnth">
                                
                            </div>
                            <div class="wjc-layout-content-info airbnb-red">
                                整套公寓 · 4张床
                            </div>
                            <div class="wjc-layout-content-description">
                                南京西路人民广场上海大剧院对面高档豪华三卧
                            </div>
                            <div class="wjc-layout-content-price">
                                <span class="wjc-strong-style">￥729</span>
                                <span><del>￥889</del>每晚</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="wjc-tag hidden">新房源</span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    1条评价
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image xnth">
                                
                            </div>
                            <div class="wjc-layout-content-info">
                                整套公寓 · 1张床
                            </div>
                            <div class="wjc-layout-content-description">
                                新天地/淮海中路/田子坊 最繁华都市之地 【洗墨】上海老弄堂里的公寓住宅
                            </div>
                            <div class="wjc-layout-content-price">
                                <span class="wjc-strong-style">￥362</span>
                                <span><del>￥436</del>每晚</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="wjc-tag hidden">新房源</span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    3 · 超赞房东
                                </span>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="row wjc-layout-content-row">
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image xnth">
                               
                            </div>
                            <div class="wjc-layout-content-info airbnb-brown">
                                整套公寓 · 2张床
                            </div>
                            <div class="wjc-layout-content-description">
                                交通非常便利市中心!【石库小院】静安寺独门露天小院带索尼巨幕投影仪@南京西路､梅龙镇恒隆广场､静安寺
                            </div>
                            <div class="wjc-layout-content-price">
                                <span class="wjc-strong-style">￥441</span>
                                <span><del>￥526</del>每晚</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="wjc-tag hidden">新房源</span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    62 · 超赞房东
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image xnth">
                                
                            </div>
                            <div class="wjc-layout-content-info airbnb-blue">
                                整套公寓 · 2张床
                            </div>
                            <div class="wjc-layout-content-description">
                                冬季特惠 人民广场旁超大粉色系LOFT#市中心的小温柔|可住6人|黄陂南路地铁站
                            </div>
                            <div class="wjc-layout-content-price">
                                <span class="wjc-strong-style">￥416</span>
                                <span><del>￥490</del>每晚</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="wjc-tag hidden">新房源</span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    18 · 超赞房东
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image xnth">
                                
                            </div>
                            <div class="wjc-layout-content-info airbnb-red">
                                整套房子 · 2张床
                            </div>
                            <div class="wjc-layout-content-description">
                                4号★3D梦幻小窝SWEET百寸投影房★外滩南京路2卧2床4人,长征医院人民广场8号线
                            </div>
                            <div class="wjc-layout-content-price">
                                <span class="wjc-strong-style">￥341</span>
                                <span><del>￥414</del>每晚</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="wjc-tag hidden">新房源</span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    14 · 超赞房东
                                </span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="wjc-layout-more">
                <a href="#" class="airbnb-green">
                    查看更多<span>上海</span>房源 <i class="fa fa-angle-right" aria-hidden="true"></i>
                </a>
            </div>
        </div>

       
		 <!-- 精彩旅行故事 -->
        <div class="wjc-four-layout wjc-story">
            <div class="row">
                <button type="button" class="wjc-layout-title btn btn-link col-md-6">
                    <div class="wjc-layout-title-main">精彩旅行故事</div>
                </button>
            </div>
            <div class="wjc-layout-content row container">
                <div class="row wjc-layout-content-row">
                    <div class="col-md-3">
                        <a href="dianji.html">
                            <div class="wjc-layout-content-image storyimg" >
                                <div>
                                    <button type="button" class="wjc-story-thumbsup">
                                        <svg viewBox="0 0 16 16" fill="currentColor" fill-opacity="0" stroke="#ffffff"
                                            stroke-width="1" focusable="false" aria-label="Like" role="img"
                                            stroke-linecap="round" stroke-linejoin="round" style="height: 24px; width: 24px; display: block; overflow: visible;">
                                            <path d="m7.3 1.7c-.2.6-.2 2.3-3.5 3.4-2.7.9-3.3 3.4-3.3 5.4 0 1.8.6 5 4.8 5h6.2c.9 0 1.5-.4 1.5-1.1s-.5-1.1-1-1.1c.5 0 1.5-.1 1.5-1.1 0-1.1-1-1.1-1-1.1.8 0 1.5-.3 1.5-1.1 0-.9-.7-1.1-1.5-1.1.8 0 1.5-.3 1.5-1.1s-.8-1.1-1.5-1.1h-4.5c-.2 0-.4-.1-.4-.3-.1-.2-.1-.4 0-.5.1-.2 1.1-1 1.6-2 .3-.6.4-1.4.3-2 0-.4-.3-1.2-1.1-1.2s-1 .9-1.1 1.2z"></path>
                                        </svg>
                                    </button>
                                </div>
                                <div>
                                    <span class="wjc-tag-2"></span>
                                </div>
                            </div>
                            <div class="wjc-story-summary">
                                
                                
                            </div>
                            <div class="wjc-story-comment">
                                <span>
                                    <img class="img-circle" src="img/9863e63e-d8a0-4f4c-a381-05aebdcc49d1.jpg" alt="">
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path>
                                    </svg>
                                    <span class="wjc-story-thumbsup-num">473</span>
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path>
                                    </svg>
                                    <span class="wjc-story-comment-num">70</span>
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image storyimg" >
                                <div>
                                    <button type="button" class="wjc-story-thumbsup">
                                        <svg viewBox="0 0 16 16" fill="currentColor" fill-opacity="0" stroke="#ffffff"
                                            stroke-width="1" focusable="false" aria-label="Like" role="img"
                                            stroke-linecap="round" stroke-linejoin="round" style="height: 24px; width: 24px; display: block; overflow: visible;">
                                            <path d="m7.3 1.7c-.2.6-.2 2.3-3.5 3.4-2.7.9-3.3 3.4-3.3 5.4 0 1.8.6 5 4.8 5h6.2c.9 0 1.5-.4 1.5-1.1s-.5-1.1-1-1.1c.5 0 1.5-.1 1.5-1.1 0-1.1-1-1.1-1-1.1.8 0 1.5-.3 1.5-1.1 0-.9-.7-1.1-1.5-1.1.8 0 1.5-.3 1.5-1.1s-.8-1.1-1.5-1.1h-4.5c-.2 0-.4-.1-.4-.3-.1-.2-.1-.4 0-.5.1-.2 1.1-1 1.6-2 .3-.6.4-1.4.3-2 0-.4-.3-1.2-1.1-1.2s-1 .9-1.1 1.2z"></path>
                                        </svg>
                                    </button>
                                </div>
                                <div>
                                    <span class="wjc-tag-2"></span>
                                </div>
                            </div>
                            <div class="wjc-story-summary">
                                
                                
                            </div>
                            <div class="wjc-story-comment">
                                <span>
                                    <img class="img-circle" src="img/d8a77518-99b3-4dea-9a7d-3820e21d51cb.jpg" alt="">
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path>
                                    </svg>
                                    <span class="wjc-story-thumbsup-num">10</span>
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path>
                                    </svg>
                                    <span class="wjc-story-comment-num">3</span>
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image storyimg" >
                                <div>
                                    <button type="button" class="wjc-story-thumbsup">
                                        <svg viewBox="0 0 16 16" fill="currentColor" fill-opacity="0" stroke="#ffffff"
                                            stroke-width="1" focusable="false" aria-label="Like" role="img"
                                            stroke-linecap="round" stroke-linejoin="round" style="height: 24px; width: 24px; display: block; overflow: visible;">
                                            <path d="m7.3 1.7c-.2.6-.2 2.3-3.5 3.4-2.7.9-3.3 3.4-3.3 5.4 0 1.8.6 5 4.8 5h6.2c.9 0 1.5-.4 1.5-1.1s-.5-1.1-1-1.1c.5 0 1.5-.1 1.5-1.1 0-1.1-1-1.1-1-1.1.8 0 1.5-.3 1.5-1.1 0-.9-.7-1.1-1.5-1.1.8 0 1.5-.3 1.5-1.1s-.8-1.1-1.5-1.1h-4.5c-.2 0-.4-.1-.4-.3-.1-.2-.1-.4 0-.5.1-.2 1.1-1 1.6-2 .3-.6.4-1.4.3-2 0-.4-.3-1.2-1.1-1.2s-1 .9-1.1 1.2z"></path>
                                        </svg>
                                    </button>
                                </div>
                                <div>
                                    <span class="wjc-tag-2"></span>
                                </div>
                            </div>
                            <div class="wjc-story-summary">
                                <span>Paje</span>
                                
                            </div>
                            <div class="wjc-story-comment">
                                <span>
                                    <img class="img-circle" src="img/original.jpg" alt="">
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path>
                                    </svg>
                                    <span class="wjc-story-thumbsup-num">17</span>
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path>
                                    </svg>
                                    <span class="wjc-story-comment-num">1</span>
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image storyimg">
                                <div>
                                    <button type="button" class="wjc-story-thumbsup">
                                        <svg viewBox="0 0 16 16" fill="currentColor" fill-opacity="0" stroke="#ffffff"
                                            stroke-width="1" focusable="false" aria-label="Like" role="img"
                                            stroke-linecap="round" stroke-linejoin="round" style="height: 24px; width: 24px; display: block; overflow: visible;">
                                            <path d="m7.3 1.7c-.2.6-.2 2.3-3.5 3.4-2.7.9-3.3 3.4-3.3 5.4 0 1.8.6 5 4.8 5h6.2c.9 0 1.5-.4 1.5-1.1s-.5-1.1-1-1.1c.5 0 1.5-.1 1.5-1.1 0-1.1-1-1.1-1-1.1.8 0 1.5-.3 1.5-1.1 0-.9-.7-1.1-1.5-1.1.8 0 1.5-.3 1.5-1.1s-.8-1.1-1.5-1.1h-4.5c-.2 0-.4-.1-.4-.3-.1-.2-.1-.4 0-.5.1-.2 1.1-1 1.6-2 .3-.6.4-1.4.3-2 0-.4-.3-1.2-1.1-1.2s-1 .9-1.1 1.2z"></path>
                                        </svg>
                                    </button>
                                </div>
                                <div>
                                    <span class="wjc-tag-2"></span>
                                </div>
                            </div>
                            <div class="wjc-story-summary">
                                
                     
                            </div>
                            <div class="wjc-story-comment">
                                <span>
                                    <img class="img-circle" src="img/15e2cb1a-522b-4cfa-ab7d-3b0f7f781d53.jpg" alt="">
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path>
                                    </svg>
                                    <span class="wjc-story-thumbsup-num">20</span>
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path>
                                    </svg>
                                    <span class="wjc-story-comment-num">3</span>
                                </span>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="row wjc-layout-content-row">
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image storyimg" >
                                <div>
                                    <button type="button" class="wjc-story-thumbsup">
                                        <svg viewBox="0 0 16 16" fill="currentColor" fill-opacity="0" stroke="#ffffff"
                                            stroke-width="1" focusable="false" aria-label="Like" role="img"
                                            stroke-linecap="round" stroke-linejoin="round" style="height: 24px; width: 24px; display: block; overflow: visible;">
                                            <path d="m7.3 1.7c-.2.6-.2 2.3-3.5 3.4-2.7.9-3.3 3.4-3.3 5.4 0 1.8.6 5 4.8 5h6.2c.9 0 1.5-.4 1.5-1.1s-.5-1.1-1-1.1c.5 0 1.5-.1 1.5-1.1 0-1.1-1-1.1-1-1.1.8 0 1.5-.3 1.5-1.1 0-.9-.7-1.1-1.5-1.1.8 0 1.5-.3 1.5-1.1s-.8-1.1-1.5-1.1h-4.5c-.2 0-.4-.1-.4-.3-.1-.2-.1-.4 0-.5.1-.2 1.1-1 1.6-2 .3-.6.4-1.4.3-2 0-.4-.3-1.2-1.1-1.2s-1 .9-1.1 1.2z"></path>
                                        </svg>
                                    </button>
                                </div>
                                <div>
                                    <span class="wjc-tag-2"></span>
                                </div>
                            </div>
                            <div class="wjc-story-summary">
                                
                                
                            </div>
                            <div class="wjc-story-comment">
                                <span>
                                    <img class="img-circle" src="img/d481576c-bed9-4974-939f-9f62602d9d75.jpg" alt="">
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path>
                                    </svg>
                                    <span class="wjc-story-thumbsup-num">20</span>
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path>
                                    </svg>
                                    <span class="wjc-story-comment-num">2</span>
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image storyimg" >
                                <div>
                                    <button type="button" class="wjc-story-thumbsup">
                                        <svg viewBox="0 0 16 16" fill="currentColor" fill-opacity="0" stroke="#ffffff"
                                            stroke-width="1" focusable="false" aria-label="Like" role="img"
                                            stroke-linecap="round" stroke-linejoin="round" style="height: 24px; width: 24px; display: block; overflow: visible;">
                                            <path d="m7.3 1.7c-.2.6-.2 2.3-3.5 3.4-2.7.9-3.3 3.4-3.3 5.4 0 1.8.6 5 4.8 5h6.2c.9 0 1.5-.4 1.5-1.1s-.5-1.1-1-1.1c.5 0 1.5-.1 1.5-1.1 0-1.1-1-1.1-1-1.1.8 0 1.5-.3 1.5-1.1 0-.9-.7-1.1-1.5-1.1.8 0 1.5-.3 1.5-1.1s-.8-1.1-1.5-1.1h-4.5c-.2 0-.4-.1-.4-.3-.1-.2-.1-.4 0-.5.1-.2 1.1-1 1.6-2 .3-.6.4-1.4.3-2 0-.4-.3-1.2-1.1-1.2s-1 .9-1.1 1.2z"></path>
                                        </svg>
                                    </button>
                                </div>
                                <div>
                                    <span class="wjc-tag-2"></span>
                                </div>
                            </div>
                            <div class="wjc-story-summary">
                                
                             
                            </div>
                            <div class="wjc-story-comment">
                                <span>
                                    <img class="img-circle" src="img/ca303b19-48d9-4286-a5f9-a020dcf69ea9.jpg" alt="">
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path>
                                    </svg>
                                    <span class="wjc-story-thumbsup-num">11</span>
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path>
                                    </svg>
                                    <span class="wjc-story-comment-num">0</span>
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image storyimg" >
                                <div>
                                    <button type="button" class="wjc-story-thumbsup">
                                        <svg viewBox="0 0 16 16" fill="currentColor" fill-opacity="0" stroke="#ffffff"
                                            stroke-width="1" focusable="false" aria-label="Like" role="img"
                                            stroke-linecap="round" stroke-linejoin="round" style="height: 24px; width: 24px; display: block; overflow: visible;">
                                            <path d="m7.3 1.7c-.2.6-.2 2.3-3.5 3.4-2.7.9-3.3 3.4-3.3 5.4 0 1.8.6 5 4.8 5h6.2c.9 0 1.5-.4 1.5-1.1s-.5-1.1-1-1.1c.5 0 1.5-.1 1.5-1.1 0-1.1-1-1.1-1-1.1.8 0 1.5-.3 1.5-1.1 0-.9-.7-1.1-1.5-1.1.8 0 1.5-.3 1.5-1.1s-.8-1.1-1.5-1.1h-4.5c-.2 0-.4-.1-.4-.3-.1-.2-.1-.4 0-.5.1-.2 1.1-1 1.6-2 .3-.6.4-1.4.3-2 0-.4-.3-1.2-1.1-1.2s-1 .9-1.1 1.2z"></path>
                                        </svg>
                                    </button>
                                </div>
                                <div>
                                    <span class="wjc-tag-2"></span>
                                </div>
                            </div>
                            <div class="wjc-story-summary">
                                
                         
                            </div>
                            <div class="wjc-story-comment">
                                <span>
                                    <img class="img-circle" src="img/08258f67-b7bf-4a84-b6a3-b98f133d81eb.jpg" alt="">
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path>
                                    </svg>
                                    <span class="wjc-story-thumbsup-num">13</span>
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path>
                                    </svg>
                                    <span class="wjc-story-comment-num">0</span>
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image storyimg" >
                                <div>
                                    <button type="button" class="wjc-story-thumbsup">
                                        <svg viewBox="0 0 16 16" fill="currentColor" fill-opacity="0" stroke="#ffffff"
                                            stroke-width="1" focusable="false" aria-label="Like" role="img"
                                            stroke-linecap="round" stroke-linejoin="round" style="height: 24px; width: 24px; display: block; overflow: visible;">
                                            <path d="m7.3 1.7c-.2.6-.2 2.3-3.5 3.4-2.7.9-3.3 3.4-3.3 5.4 0 1.8.6 5 4.8 5h6.2c.9 0 1.5-.4 1.5-1.1s-.5-1.1-1-1.1c.5 0 1.5-.1 1.5-1.1 0-1.1-1-1.1-1-1.1.8 0 1.5-.3 1.5-1.1 0-.9-.7-1.1-1.5-1.1.8 0 1.5-.3 1.5-1.1s-.8-1.1-1.5-1.1h-4.5c-.2 0-.4-.1-.4-.3-.1-.2-.1-.4 0-.5.1-.2 1.1-1 1.6-2 .3-.6.4-1.4.3-2 0-.4-.3-1.2-1.1-1.2s-1 .9-1.1 1.2z"></path>
                                        </svg>
                                    </button>
                                </div>
                                <div>
                                    <span class="wjc-tag-2"></span>
                                </div>
                            </div>
                            <div class="wjc-story-summary">
                                
                                
                            </div>
                            <div class="wjc-story-comment">
                                <span>
                                    <img class="img-circle" src="img/f8586492-e9d1-44d2-ba26-df158103b861.jpg" alt="">
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path>
                                    </svg>
                                    <span class="wjc-story-thumbsup-num">6</span>
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path>
                                    </svg>
                                    <span class="wjc-story-comment-num">0</span>
                                </span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="wjc-layout-more">
                <a href="#" class="airbnb-green">
                    显示全部 <i class="fa fa-angle-right" aria-hidden="true"></i>
                </a>
            </div>
        </div>
		
        <!-- 热门目的地 -->
        <div class="wjc-three-layout">
            <div class="row">
                <div class="wjc-layout-title col-md-6">
                    <div class="wjc-layout-title-main">热门目的地</div>
                </div>
            </div>
            <div class="wjc-layout-menu-btn2 row">
                <div class="col-md-12 wjc-list-menu-div">
                    <div class="wjc-list-menu-prev-div">
                        <button class="wjc-list-menu-prev hidden">
                            <i class="fa fa-angle-left" aria-hidden="true"></i>
                        </button>
                    </div>
                    <div class="wjc-list-menu-show">
                        <ul class="list-inline wjc-list-menu">
                            <li>
                                <button class="btn btn-default wjc-btn-list wjc-list-menu-active">成都</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">上海</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">北京</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">大理</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">台北</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">伦敦</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">洛杉矶</button>
                            </li>
                            <li>
                                <button class="btn btn-default wjc-btn-list">纽约</button>
                            </li>
                        </ul>
                    </div>
                    <div class="wjc-list-menu-after-div">
                        <button type="button" class="wjc-list-menu-after">
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </button>
                    </div>
                </div>
            </div>
            <div class="wjc-layout-content row container">
                <div class="row wjc-layout-content-row">
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/d1316854-23e4-4db8-9f13-2a4cc3b835a6.jpg" alt="">
                            </div>
                            <div class="wjc-layout-content-info airbnb-green airbnb-brown">
                                整套公寓 · 2张床
                            </div>
                            <div class="wjc-layout-content-description">
                                漫漫|拿铁 楼下就是太古里春熙路/市中心双地铁/家庭影院/北欧风精致套房
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>￥238每晚</span>
                                <span>· 免费取消</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    150 · 超赞房东
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/1f07ff6d-8f1e-46c0-a963-1e7d233ea85f.jpg" alt="">
                            </div>
                            <div class="wjc-layout-content-info airbnb-blue">
                                整套公寓 · 2张床
                            </div>
                            <div class="wjc-layout-content-description">
                                独立投影观影室+花园露台房+近地铁1号线高新站+7号线三瓦窑站+距太古里站20分钟
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>￥298每晚</span>
                                <span>· 免费取消</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    216 · 超赞房东
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/931c8ced-a8d0-4aa2-8b8c-138938006feb.jpg" alt="">
                            </div>
                            <div class="wjc-layout-content-info">
                                整套公寓 · 1张床
                            </div>
                            <div class="wjc-layout-content-description">
                                MOHUANG|对面就是太古里春熙路和地铁站 下楼就吃小龙坎
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>￥198每晚</span>
                                <span>· 免费取消</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    165
                                </span>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="row wjc-layout-content-row">
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/5fe09891-84ec-464c-b2f5-1f08d0df2989.jpg" alt="">
                            </div>
                            <div class="wjc-layout-content-info airbnb-blue">
                                独立房间 · 1张床
                            </div>
                            <div class="wjc-layout-content-description">
                                顶楼花园房*100吋移动影院*专业咖啡机*烘干机*新会展*7个美食圈*300平公园别墅*
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>￥438每晚</span>
                                <span>· 免费取消</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    86
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/951a100f-cfbd-48ea-8954-91da4c0cf24c.jpg" alt="">
                            </div>
                            <div class="wjc-layout-content-info airbnb-blue">
                                整套公寓 · 1张床
                            </div>
                            <div class="wjc-layout-content-description">
                                藝净- 复古花,太古里旁高层花园电影套房
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>￥538每晚</span>
                                <span>· 免费取消</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    271
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/bbb9cf16-90f2-4ffd-9d9d-8b9c586902be.jpg" alt="">
                            </div>
                            <div class="wjc-layout-content-info">
                                独立房间 · 1张床
                            </div>
                            <div class="wjc-layout-content-description">
                                『几米屋』①近春熙路地铁口观九眼桥
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>￥180每晚</span>
                                <span>· 免费取消</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    140
                                </span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="wjc-layout-more">
                <a href="#" class="airbnb-green">
                    查看更多<span>成都</span>房源 <i class="fa fa-angle-right" aria-hidden="true"></i>
                </a>
            </div>
        </div>

        <!-- 浏览Plus房源 -->
        <div class="wjc-plus-div">
            <a href="#" style="display:block;">
                <div>
                    <svg viewBox="0 0 470 239" fill="#484848" height="96px" aria-label="Airbnb Plus branding" focusable="false"
                        width="188.7866108786611px">
                        <path d="M104.707 148.464c-.512-1.438-1.109-2.83-1.677-4.118a386.734 386.734 0 0 0-2.678-5.889l-.07-.152a1318.773 1318.773 0 0 0-25.22-51.674l-.374-.728c-.9-1.75-1.832-3.56-2.787-5.337-1.116-2.076-2.352-4.275-4.1-6.322-3.766-4.412-8.966-6.842-14.645-6.842s-10.88 2.431-14.648 6.845c-1.746 2.048-2.981 4.245-4.098 6.321a341.749 341.749 0 0 0-2.812 5.387l-.348.676a1319.873 1319.873 0 0 0-25.22 51.673l-.114.25a388.09 388.09 0 0 0-2.632 5.791c-.569 1.288-1.166 2.678-1.678 4.12-1.497 4.213-1.941 8.24-1.359 12.308 1.219 8.513 6.924 15.809 14.89 19.041a24.699 24.699 0 0 0 9.335 1.81c.995 0 2.007-.06 3.007-.176 3.833-.445 7.695-1.75 11.48-3.88 4.629-2.606 9.202-6.425 14.197-11.883 4.996 5.458 9.569 9.277 14.199 11.883 3.784 2.13 7.646 3.435 11.478 3.88 1 .116 2.013.175 3.008.175a24.69 24.69 0 0 0 9.334-1.809c7.965-3.231 13.671-10.528 14.891-19.041.582-4.067.137-8.093-1.36-12.31zm-51.55 6.352c-6.213-7.89-10.2-15.216-11.599-21.358-.587-2.578-.721-4.947-.398-7.041.278-1.812.9-3.431 1.848-4.815 2.145-3.127 5.938-4.994 10.15-4.994 4.209 0 8.002 1.867 10.147 4.996.949 1.383 1.57 3.003 1.849 4.815.322 2.097.187 4.466-.4 7.044-1.401 6.141-5.387 13.465-11.598 21.353zm45.897 5.35a17.098 17.098 0 0 1-10.46 13.375c-2.745 1.114-5.746 1.506-8.796 1.153-2.919-.34-5.792-1.322-8.783-3.005-4.14-2.33-8.331-5.908-13.048-11.157 7.508-9.275 12.197-17.824 13.933-25.439.794-3.481.962-6.774.5-9.788-.448-2.908-1.474-5.548-3.05-7.846-3.511-5.123-9.565-8.182-16.195-8.182-6.627 0-12.68 3.058-16.192 8.18-1.576 2.298-2.601 4.938-3.048 7.845-.464 3.01-.297 6.302.496 9.784 1.735 7.618 6.424 16.169 13.934 25.447-4.716 5.248-8.907 8.825-13.048 11.156-2.99 1.683-5.863 2.666-8.782 3.005-3.049.353-6.052-.039-8.797-1.153a17.095 17.095 0 0 1-10.46-13.376c-.418-2.923-.095-5.742 1.018-8.872.41-1.154.889-2.286 1.483-3.632.84-1.903 1.732-3.838 2.595-5.709l.116-.251a1318.605 1318.605 0 0 1 25.196-51.625l.35-.682a336.93 336.93 0 0 1 2.765-5.295c.972-1.808 1.95-3.555 3.236-5.063 2.403-2.815 5.563-4.303 9.14-4.303 3.575 0 6.734 1.487 9.137 4.302 1.287 1.508 2.265 3.255 3.236 5.061a333.39 333.39 0 0 1 2.74 5.247l.377.734a1317.39 1317.39 0 0 1 25.196 51.625l.071.155a379.704 379.704 0 0 1 2.64 5.805c.595 1.347 1.075 2.48 1.484 3.63 1.111 3.132 1.434 5.951 1.016 8.873zm194.117-43.622c0-33.068 4.234-63.313 11.695-83.88 5.04-14.316 11.492-25.002 19.961-25.002 7.46 0 11.694 8.67 11.694 22.583 0 17.744-6.049 38.713-15.928 59.482-7.26 15.323-16.736 30.244-27.02 43.754-.2-5.242-.402-10.888-.402-16.937zm-43.352 65.732c12.704-7.057 25.608-17.946 37.504-31.252 3.63 22.985 11.292 30.446 20.365 30.446 10.082 0 19.76-9.276 28.229-26.01v3.225c0 17.34 7.863 22.785 14.92 22.785 10.485 0 20.769-11.695 29.036-30.85-.202 3.428-.202 5.04-.202 7.259 0 17.542 6.452 22.784 13.912 22.784 6.856 0 12.502-4.84 18.55-14.921 1.412-2.419-.402-5.646-3.225-5.646-1.412 0-2.823.807-3.428 2.017-3.63 6.452-7.057 10.888-11.291 10.888-5.848 0-6.452-8.47-6.452-15.122 0-9.679 1.225-25.472 3.024-34.883.48-2.515-1.412-4.637-3.831-4.637-2.017 0-3.63 1.41-4.033 3.024-7.662 27.826-19.558 52.425-30.85 52.425-5.645 0-8.065-6.654-8.065-15.324 0-9.88 2.017-21.777 5.645-35.085.606-2.42-1.209-4.839-3.83-4.839-1.613 0-3.428 1.009-3.832 2.621-9.072 30.245-21.776 52.627-33.269 52.627-8.267 0-12.5-11.292-14.315-29.237 13.105-15.526 24.8-33.471 33.47-51.619 10.284-21.977 16.736-44.157 16.736-62.707C344.587 6.654 334.505 0 325.23 0c-10.888 0-20.97 10.283-28.027 29.842-7.46 21.373-12.098 52.424-12.098 86.702 0 9.275.404 17.34 1.008 24.397-12.5 14.316-26.212 26.616-39.923 34.48-1.814 1.008-2.62 3.428-1.613 5.242 1.008 1.815 3.427 2.621 5.242 1.613zm-68.353 56.054c2.218 0 4.235-1.815 4.235-4.033 0-17.743.806-35.487 2.62-52.827 36.698-3.226 78.839-38.31 78.839-74.806 0-25.204-18.147-39.52-42.141-39.52-23.39 0-53.03 14.719-77.63 39.117-1.612 1.41-1.612 4.032 0 5.645 1.413 1.613 4.034 1.613 5.647 0 22.986-22.38 50.207-36.697 71.781-36.697 19.357 0 33.874 11.493 33.874 31.455 0 32.26-36.899 63.11-69.563 66.539 3.024-25.608 7.864-50.408 14.518-72.185.604-2.016-.807-4.436-2.823-5.042-2.218-.603-4.637.606-5.243 2.622-6.654 22.583-11.694 48.19-14.921 75.008-7.863-.403-14.719-2.42-22.38-6.855-2.017-1.009-4.436-.202-5.647 1.613-1.008 2.016-.2 4.436 1.614 5.645 9.073 4.637 16.937 7.057 25.607 7.662-1.613 17.34-2.622 35.084-2.622 52.626 0 2.218 2.017 4.033 4.235 4.033zm274.22-110.697c1.614 1.21 4.235 1.008 5.444-.604 5.444-6.855 8.671-14.115 8.671-20.365 0-9.275-6.251-15.122-17.743-15.122-22.18 0-43.554 22.582-43.554 39.923 0 11.09 7.662 18.55 22.987 21.373l9.476 1.613c9.88 1.613 16.534 5.04 16.534 11.896 0 7.461-8.267 11.493-16.937 11.493-6.452 0-12.099-2.218-16.534-5.242-1.613-1.21-4.032-.807-5.242.806s-.807 4.033.806 5.242c5.646 4.235 12.905 6.856 20.97 6.856 14.315 0 25.003-8.065 25.003-19.558 0-9.275-7.058-16.333-23.39-19.155l-9.477-1.614c-9.678-1.613-16.13-5.846-16.13-13.912 0-13.913 17.744-32.06 35.285-32.06 6.05 0 9.88 2.622 9.88 8.066 0 4.234-2.42 9.679-6.653 14.92-1.21 1.614-1.009 4.033.604 5.444z"></path>
                    </svg>
                </div>
                <div>
                    <button>浏览Plus房源 <i class="fa fa-angle-right" aria-hidden="true"></i></button>
                </div>
            </a>
        </div>

        <!-- 经典旅行城市 -->
        <div class="wjc-six-layout">
            <div class="row">
                <div class="wjc-layout-title col-md-6">
                    <div class="wjc-layout-title-main">经典旅行城市</div>
                </div>
            </div>
            <div class="wjc-layout-content row container">
                <div class="row wjc-layout-content-row">
                    <div class="col-md-2">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/HongKong-d2a0c673c4e1a28dbb7f6f0fddf38c32.jpg" alt="">
                            </div>
                            <div>
                                香港&nbsp;&nbsp;&nbsp;亚洲美食之都
                            </div>
                            <div class="wjc-layout-content-info">
                                人均￥440/晚
                            </div>
                        </a>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/Chiang-Mai-0c02e1fa3f13340df4e366004db7a7c7.jpg" alt="">
                            </div>
                            <div>
                                清迈&nbsp;&nbsp;&nbsp;泰国最文艺小城
                            </div>
                            <div class="wjc-layout-content-info">
                                人均￥168/晚
                            </div>
                        </a>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/London-19c5702c00785c96a626e3989e0a3461.jpg" alt="">
                            </div>
                            <div>
                                伦敦&nbsp;&nbsp;&nbsp;感受英伦风情
                            </div>
                            <div class="wjc-layout-content-info">
                                人均￥354/晚
                            </div>
                        </a>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/Phuket-237db8c73af4ec081e69c3d0571b2a51.jpg" alt="">
                            </div>
                            <div>
                                普吉岛&nbsp;&nbsp;&nbsp;东南亚看海
                            </div>
                            <div class="wjc-layout-content-info">
                                人均￥360/晚
                            </div>
                        </a>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/Los-Angeles-b59e4b468916be8f5295c1491252f752.jpg" alt="">
                            </div>
                            <div>
                                洛杉矶&nbsp;&nbsp;&nbsp;好莱坞式繁华
                            </div>
                            <div class="wjc-layout-content-info">
                                人均￥445/晚
                            </div>
                        </a>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/Bali-380c5db84250a6207a0fca6c24e34349.jpg" alt="">
                            </div>
                            <div>
                                巴厘岛&nbsp;&nbsp;&nbsp;度蜜月的首选
                            </div>
                            <div class="wjc-layout-content-info">
                                人均￥396/晚
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 支付选择 -->
        <div class="wjc-pay-method row">
            <div class="col-md-4">
                <div class="wjc-pay-method-img-div">
                    <img src="img/yk-leftimg.png" alt="">
                </div>
                <div class="wjc-pay-method-content">
                    <div>24小时中文客服</div>
                    <div>400-841-0328</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="wjc-pay-method-img-div">
                    <img src="img/yk-midimg.png" alt="">
                </div>
                <div class="wjc-pay-method-content">
                    <div>安全支付</div>
                    <div>支付宝付款已向中国用户开通</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="wjc-pay-method-img-div">
                    <img src="img/yk-rightimg.png" alt="">
                </div>
                <div class="wjc-pay-method-content">
                    <div>芝麻信用</div>
                    <div>实名认证房东房客信息，真实可靠</div>
                </div>
            </div>
        </div>

              
        <!-- 高分体验 -->
        <div class="wjc-four-layout wjc-high-score">
            <div class="row">
                <button type="button" class="wjc-layout-title btn btn-link col-md-6">
                    <div class="wjc-layout-title-main">高分体验</div>
                    <div class="wjc-layout-title-sub">在下趟旅程中，不妨预订由本地达人组织的体验活动</div>
                </button>
            </div>
            <div class="wjc-layout-content row container">
                <div class="row wjc-layout-content-row">
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/1b37342c-24f8-4440-b47a-017f147651fa.webp" alt="">
                            </div>
                            <div class="wjc-layout-content-info">
                                历史漫步 · 德里
                            </div>
                            <div class="wjc-layout-content-description">
                                Hidden Gems of Old Delhi
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>每人￥284</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="airbnb-green">
                                    4.95
                                </span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    149
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/75c6abbf-9b9e-440b-b003-f80329afd72f.webp" alt="">
                            </div>
                            <div class="wjc-layout-content-info">
                                徒步 · 吉隆坡
                            </div>
                            <div class="wjc-layout-content-description">
                                2 Hidden Waterfalls + BatuCaves 5hours
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>每人￥169</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="airbnb-green">
                                    4.96
                                </span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    182
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/3aac9bfe-8b86-4bbe-a613-d1ec61922d4b.webp" alt="">
                            </div>
                            <div class="wjc-layout-content-info">
                                乘坐飞机 · 凤凰城
                            </div>
                            <div class="wjc-layout-content-description">
                                FLIGHT LESSON IN OPEN COCKPIT BIPLANE
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>每人￥1,203</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="airbnb-green">
                                    5.0
                                </span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    69
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/2f7a177d-9ce9-41a3-ad3a-b80c4c706d08.webp" alt="">
                            </div>
                            <div class="wjc-layout-content-info">
                                骑车游览 · 曼谷
                            </div>
                            <div class="wjc-layout-content-description">
                                超赞体验：隐秘曼谷骑行美食之旅
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>每人￥327</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="airbnb-green">
                                    4.99
                                </span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    502
                                </span>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="row wjc-layout-content-row">
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/cc6d0120-205e-4762-a9a4-358f91eada28.webp" alt="">
                            </div>
                            <div class="wjc-layout-content-info">
                                一日游 · 马拉喀什
                            </div>
                            <div class="wjc-layout-content-description">
                                Day trip to the Atlas Mountains &Camel
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>每人￥298</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="airbnb-green">
                                    4.96
                                </span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    108
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/540c7dd1-b195-4204-808d-a8c00caaaed2.webp" alt="">
                            </div>
                            <div class="wjc-layout-content-info">
                                探索美食 · 广州
                            </div>
                            <div class="wjc-layout-content-description">
                                探寻老城区隐藏的美食
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>每人￥230</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="airbnb-green">
                                    4.91
                                </span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    88
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/753aa80b-7a72-4899-a7a2-c627fdf3d3a1.webp" alt="">
                            </div>
                            <div class="wjc-layout-content-info">
                                美容 · 棕榈泉沙漠
                            </div>
                            <div class="wjc-layout-content-description">
                                Hot Spring Sunset for Two
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>每人￥463</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="airbnb-green">
                                    4.96
                                </span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    243
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <div class="wjc-layout-content-image">
                                <img src="img/18c5d39e-e98d-4d3b-a9d1-9101cd2596ed.webp" alt="">
                            </div>
                            <div class="wjc-layout-content-info">
                                徒步 · 吉隆坡
                            </div>
                            <div class="wjc-layout-content-description">
                                Waterfalls Hiking + Batu Caves
                            </div>
                            <div class="wjc-layout-content-price">
                                <span>每人￥315</span>
                            </div>
                            <div class="wjc-layout-content-comment airbnb-green">
                                <span class="airbnb-green">
                                    4.99
                                </span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    236
                                </span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="wjc-layout-more">
                <a href="#" class="airbnb-green">
                    查看所有体验 <i class="fa fa-angle-right" aria-hidden="true"></i>
                </a>
            </div>
        </div>
    </div>
	
		
       
    <!-- 网页尾部 -->
    <footer>
        <div class="container">
            <div class="row">
                <ul class="col-md-3 list-unstyled">
                    <li class="wjc-footer-title">爱彼迎</li>
                    <li>
                        <a href="#">工作机会</a>
                    </li>
                    <li>
                        <a href="#">新闻</a>
                    </li>
                    <li>
                        <a href="#">政策</a>
                    </li>
                    <li>
                        <a href="#">帮助</a>
                    </li>
                    <li>
                        <a href="#">多元化与归属感</a>
                    </li>
                </ul>
                <ul class="col-md-3 list-unstyled">
                    <li class="wjc-footer-title">发现</li>
                    <li>
                        <a href="#">信任与安全</a>
                    </li>
                    <li>
                        <a href="#">旅行基金</a>
                    </li>
                    <li>
                        <a href="#">爱彼迎公民</a>
                    </li>
                    <li>
                        <a href="#">商务差旅</a>
                    </li>
                    <li>
                        <a href="#">旅游指南</a>
                    </li>
                    <li>
                        <a href="#">爱彼迎杂志</a>
                    </li>
                    <li>
                        <a href="#">活动</a> <span class="wjc-tag">new</span>
                    </li>
                </ul>
                <ul class="col-md-3 list-unstyled">
                    <li class="wjc-footer-title">出租</li>
                    <li>
                        <a href="#">为什么要出租？</a>
                    </li>
                    <li>
                        <a href="#">待客之道</a>
                    </li>
                    <li>
                        <a href="#">房东义务</a>
                    </li>
                    <li>
                        <a href="#">开展体验</a> <span class="wjc-tag">new</span>
                    </li>
                    <li>
                        <a href="#">Open Homes</a> <span class="wjc-tag">new</span>
                    </li>
                </ul>
                <ul class="col-md-3 list-unstyled">
                    <li class="wjc-footer-icon">
                        <a href="http://www.weibo.com/airbnb">
                            <i class="fa fa-weibo" aria-hidden="true"></i>
                        </a>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="#">
                            <i class="fa fa-weixin" aria-hidden="true"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">条款</a>
                    </li>
                    <li>
                        <a href="#">隐私政策</a>
                    </li>
                    <li>
                        <a href="#">网站地图</a>
                    </li>
                </ul>
            </div>
            <div class="wjc-footer-row">
                <div>
                    <div>
                        <svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1.5em; width: 1.5em; display: block; fill: rgb(118, 118, 118);">
                            <path d="m499.3 736.7c-51-64-81-120.1-91-168.1-10-39-6-70 11-93 18-27 45-40 80-40s62 13 80 40c17 23 21 54 11 93-11 49-41 105-91 168.1zm362.2 43c-7 47-39 86-83 105-85 37-169.1-22-241.1-102 119.1-149.1 141.1-265.1 90-340.2-30-43-73-64-128.1-64-111 0-172.1 94-148.1 203.1 14 59 51 126.1 110 201.1-37 41-72 70-103 88-24 13-47 21-69 23-101 15-180.1-83-144.1-184.1 5-13 15-37 32-74l1-2c55-120.1 122.1-256.1 199.1-407.2l2-5 22-42c17-31 24-45 51-62 13-8 29-12 47-12 36 0 64 21 76 38 6 9 13 21 22 36l21 41 3 6c77 151.1 144.1 287.1 199.1 407.2l1 1 20 46 12 29c9.2 23.1 11.2 46.1 8.2 70.1zm46-90.1c-7-22-19-48-34-79v-1c-71-151.1-137.1-287.1-200.1-409.2l-4-6c-45-92-77-147.1-170.1-147.1-92 0-131.1 64-171.1 147.1l-3 6c-63 122.1-129.1 258.1-200.1 409.2v2l-21 46c-8 19-12 29-13 32-51 140.1 54 263.1 181.1 263.1 1 0 5 0 10-1h14c66-8 134.1-50 203.1-125.1 69 75 137.1 117.1 203.1 125.1h14c5 1 9 1 10 1 127.1.1 232.1-123 181.1-263.1z"></path>
                        </svg>
                    </div>
                    <div>
                        <div>
                            京ICP备16017121号-3 京ICP证 160773号
                            <img src="img/public_security_bureau_logo-5d90debd8b3d783447eeffa635df1972.png" alt="网警">
                            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502032345"
                                target="_blank">
                                京公网安备 11010502032345号
                            </a>
                            安彼迎网络（北京）有限公司
                        </div>
                        <div>© Airbnb, Inc.</div>
                    </div>
                </div>
                <div>
                    <div class="btn-group dropup" style="display: inline-block;">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false">
                            中文（简体）
                        </button>
                        <ul class="dropdown-menu">
                            <li><a href="#">中文（简体）</a></li>
                            <li><a href="#">中文（繁体）</a></li>
                            <li><a href="#">日本语</a></li>
                            <li><a href="#">English</a></li>
                        </ul>
                    </div>
                    <div class="btn-group dropup" style="display: inline-block;">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false">
                            CNY 人民币
                        </button>
                        <ul class="dropdown-menu">
                            <li><a href="#">CNY 人民币</a></li>
                            <li><a href="#">HKD 港币</a></li>
                            <li><a href="#">JYP日元</a></li>
                            <li><a href="#">USD 美元</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>







    <!-- 模态框区域 -->
    <!-- 登录的模态框 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header wjc-nav-login-modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">登录爱彼迎</h4>
                </div>
                <div class="modal-body">
                    <form action="#" method="post">
                        <div class="form-group">
                            <label class="sr-only" for="wjc-login-lname">电子邮件/手机号码/账号</label>
                            <input type="text" name="lname" id="wjc-login-lname" class="form-control input-lg"
                                placeholder="电子邮件/手机号码/账号">
                        </div>
                        <div class="form-group">
                            <label class="sr-only" for="wjc-login-lpass">密码</label>
                            <input type="password" name="lpass" class="form-control input-lg" id="wjc-login-lpass"
                                placeholder="密码">
                        </div>
                        <div class="form-group">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox"> 记住我
                                </label>
                            </div>
                        </div>
                        <button type="button" id="wjc-btn-login" class="btn btn-success btn-lg btn-block">登录</button>
                    </form>
                </div>
                <div class="modal-footer wjc-nav-login-modal-footer">
                    <span>还没有账号？</span>
                    <button type="button" class="btn btn-danger" data-dismiss="modal" onclick="location.href='register.html'">注册</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 注册的模态框
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header wjc-nav-login-modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">邮箱注册</h4>
                </div>
                <div class="modal-body">
                    <form action="#" method="post">
                        <div class="form-group">
                            <label class="sr-only" for="wjc-login-lname">邮箱地址</label>
                            <input type="text" name="email" id="wjc-login-lname" class="form-control input-lg"
                                placeholder="电子邮件地址">
                        </div>
                        <div class="form-group">
                            <label class="sr-only" for="wjc-login-lpass">设置密码</label>
                            <input type="password" name="lpass" class="form-control input-lg" id="wjc-login-lpass"
                                placeholder="设置密码">
                        </div>
                        <div class="form-group">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox"> 我希望通过电子邮件收到爱彼迎与其合作伙伴的最新动态
                                </label>
                            </div>
                        </div>
                        <button type="button" id="wjc-btn-login" class="btn btn-danger btn-lg btn-block">注册</button>
                    </form>
                </div>
                <div class="modal-footer wjc-nav-login-modal-footer">
                    <span>已有账号？</span>
                    <button type="button" class="btn btn-success" data-dismiss="modal">登录</button>
                </div>
            </div>
        </div>
    </div>
	 -->
    <!-- JavaScript引用 -->
    <!-- JQuery.js -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <!-- Bootstrap.js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- 修复IE10的媒体查询bug -->
    <script src="js/ie10-viewport-bug-workaround.js"></script>
    <!-- 导航栏 -->
    <script src="js/navigation-bar.js"></script>
    <!-- 首页 -->
    <script src="js/index.js"></script>
    <!-- 尾页 -->
    <script src="js/footer.js"></script>
 	<script type="text/javascript">
 		$(document).ready(function (){
 			var u = '${sessionScope.online}';
 			if(u != "" && u != "null"){
 				navbar.loginStatus = true;
 				navbar.changeNav();
 			}
 		});
 	</script>
</body>

</html>